// index.module.scss

.ReplyItem {
  margin-bottom: 20px;
  padding: 10px 20px;
  &:not(:last-child) {
    border-bottom: 1px solid #ccc; // 添加分割线样式
    padding-bottom: 20px; // 根据需要调整分割线与下一个ReplyItem之间的间距
  }
  
  .commentator {
    margin-bottom: 10px;
    .author {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .avatar {
        margin-right: 10px;

        img {
          width: 9.07vw;
          height: 9.07vw;
          border-radius: 50%;
        }

        span {
          font-size: 14px; // Adjust font size as needed
        }
      }

      .like {
        display: flex;
        align-items: center;
        font-size: 14px; // Adjust font size as needed

        span {
          margin-right: 5px;
        }

        // Assuming Icon component styles are applied here
      }
    }
  }

  .discuss {
    font-size: 16px; // Adjust font size as needed
    line-height: 1.5; // Adjust line height as needed
    // Additional styles for comment content
  }

  .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px; // Adjust font size as needed

    .reply {
      span {
        margin-right: 10px;
      }
    }

  }
}
